//将Video中当前帧保存为图片，然后转换成base64编码字符串返回；
function CaptureImage() {
    var video = document.querySelector('#test_video');
    var canvas = window.canvas = document.createElement('canvas');
    canvas.width = video.videoWidth;
    canvas.height = video.videoHeight;
    var ctx=canvas.getContext('2d')
    ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
    ctx.scale(0.5,0.5)
    return canvas.toDataURL("image/jpeg");
}

//将截图上传到后台服务器进行识别ajax；
function UpLoadImage() {
    img = CaptureImage();
    $.post('http://localhost:8099/capture', {"img": img}, function (data, status) {
        //如果返回errorcode=0，则说明请求识别正常，可以用来渲染页面了。
        if (data["errorcode"] == 0) {
            $('#people_boxes_container').empty();
            result = data["result"];
            for (i = 0; i < result.length; i++) {
                per = result[i];

                //执行显示操作。对于有没有在数据库中进行区别对待。
                bbox = per['bbox'];
                pId = per["id"];
                if (personlist.indexOf(pId) !== -1) {
                    personlist.splice(personlist.indexOf(pId), 1);
                    //在UI中执行删除操作。
                    $(document.querySelectorAll('[data-id="' + pId + '"]')).remove();
                }
                personlist.push(pId);
                if (per["IsUnKnown"] == 0) {
                    //渲染认识的
                    //当要显示的人已经在当前屏幕显示列表中时，需要先从列表删除。
                    addKnownPerson(pId, per['name'], per['img_url']);
                    $('#people_boxes_container').append('<div class="people_boxes known" style="left:' + (bbox[0]*2) + 'px;top:' + (bbox[1]*2) + 'px;width:' + (bbox[2]*2) + 'px;height:' + (bbox[3]*2) + 'px;"></div>');
                } else {
                    //渲染不认识的
                    addUnKnownPerson(pId, '123.jpg');
                    $('#people_boxes_container').append('<div class="people_boxes unknown" style="left:' + (bbox[0]*2) + 'px;top:' + (bbox[1]*2) + 'px;width:' + (bbox[2]*2) + 'px;height:' + (bbox[3]*2) + 'px;"></div>');
                }
            }
        }
    });
}


//将截图上传到后台服务器进行识别ajax；
function UpLoadImageViaWebSocket(conn) {
    img = CaptureImage();
    conn.send(img);
}


